import * as echarts from 'echarts'

export const baseOptions = {
  //   dataRange: {
  //     //值域
  //     orient: 'vertical', // 布局方式，默认为垂直布局，可选为：
  //     // 'horizontal' ¦ 'vertical'
  //     x: 'left', // 水平安放位置，默认为全图左对齐，可选为：
  //     // 'center' ¦ 'left' ¦ 'right'
  //     // ¦ {number}（x坐标，单位px）
  //     y: 'bottom', // 垂直安放位置，默认为全图底部，可选为：
  //     // 'top' ¦ 'bottom' ¦ 'center'
  //     // ¦ {number}（y坐标，单位px）
  //     backgroundColor: 'rgba(0,0,0,0)',
  //     borderColor: '#ccc', // 值域边框颜色
  //     borderWidth: 0, // 值域边框线宽，单位px，默认为0（无边框）
  //     padding: 5, // 值域内边距，单位px，默认各方向内边距为5，
  //     // 接受数组分别设定上右下左边距，同css
  //     itemGap: 10, // 各个item之间的间隔，单位px，默认为10，
  //     // 横向布局时为水平间隔，纵向布局时为纵向间隔
  //     itemWidth: 20, // 值域图形宽度，线性渐变水平布局宽度为该值 * 10
  //     itemHeight: 14, // 值域图形高度，线性渐变垂直布局高度为该值 * 10
  //     splitNumber: 5, // 分割段数，默认为5，为0时为线性渐变
  //     color: ['#1e90ff', '#f0ffff'], //颜色
  //     //text:['高','低'],         // 文本，默认为数值文本
  //     textStyle: {
  //       color: '#333' // 值域文字颜色
  //     }
  //   },

  toolbox: {
    //工具盒子
    orient: 'horizontal', // 布局方式，默认为水平布局，可选为：
    // 'horizontal' ¦ 'vertical'
    x: 'right', // 水平安放位置，默认为全图右对齐，可选为：
    // 'center' ¦ 'left' ¦ 'right'
    // ¦ {number}（x坐标，单位px）
    y: 'top', // 垂直安放位置，默认为全图顶端，可选为：
    // 'top' ¦ 'bottom' ¦ 'center'
    // ¦ {number}（y坐标，单位px）
    color: ['#1e90ff', '#22bb22', '#4b0082', '#d2691e'],
    backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色
    borderColor: '#ccc', // 工具箱边框颜色
    borderWidth: 0, // 工具箱边框线宽，单位px，默认为0（无边框）
    padding: 5, // 工具箱内边距，单位px，默认各方向内边距为5，
    // 接受数组分别设定上右下左边距，同css
    itemGap: 10, // 各个item之间的间隔，单位px，默认为10，
    // 横向布局时为水平间隔，纵向布局时为纵向间隔
    itemSize: 16, // 工具箱图形宽度
    featureImageIcon: {}, // 自定义图片icon
    featureTitle: {
      mark: '辅助线开关',
      markUndo: '删除辅助线',
      markClear: '清空辅助线',
      dataZoom: '区域缩放',
      dataZoomReset: '区域缩放后退',
      dataView: '数据视图',
      lineChart: '折线图切换',
      barChart: '柱形图切换',
      restore: '还原',
      saveAsImage: '保存为图片'
    }
  },
  grid: {
    //网格
    x: 80,
    y: 60,
    x2: 80,
    y2: 60,
    // width: {totalWidth} - x - x2,
    // height: {totalHeight} - y - y2,
    backgroundColor: 'rgba(0,0,0,0)',
    borderWidth: 1,
    borderColor: '#ccc'
  },
  title: {
    x: 'left', // 水平安放位置，默认为左对齐，可选为：
    // 'center' ¦ 'left' ¦ 'right'
    // ¦ {number}（x坐标，单位px）
    y: 'top', // 垂直安放位置，默认为全图顶端，可选为：
    // 'top' ¦ 'bottom' ¦ 'center'
    // ¦ {number}（y坐标，单位px）
    //textAlign: null          // 水平对齐方式，默认根据x设置自动调整
    backgroundColor: 'rgba(0,0,0,0)',
    borderColor: '#ccc', // 标题边框颜色
    borderWidth: 0, // 标题边框线宽，单位px，默认为0（无边框）
    padding: 5, // 标题内边距，单位px，默认各方向内边距为5，
    // 接受数组分别设定上右下左边距，同css
    itemGap: 10, // 主副标题纵向间隔，单位px，默认为10，
    textStyle: {
      fontSize: 18,
      fontWeight: 'bolder',
      color: '#333' // 主标题文字颜色
    },
    subtextStyle: {
      color: '#aaa' // 副标题文字颜色
    },
    text: '这是标题'
  },
  //   legend: {
  //     // 图例
  //     orient: 'horizontal', // 布局方式，默认为水平布局，可选为：
  //     // 'horizontal' ¦ 'vertical'
  //     x: 'center', // 水平安放位置，默认为全图居中，可选为：
  //     // 'center' ¦ 'left' ¦ 'right'
  //     // ¦ {number}（x坐标，单位px）
  //     y: 'top', // 垂直安放位置，默认为全图顶端，可选为：
  //     // 'top' ¦ 'bottom' ¦ 'center'
  //     // ¦ {number}（y坐标，单位px）
  //     backgroundColor: 'rgba(0,0,0,0)',
  //     borderColor: '#ccc', // 图例边框颜色
  //     borderWidth: 0, // 图例边框线宽，单位px，默认为0（无边框）
  //     padding: 5, // 图例内边距，单位px，默认各方向内边距为5，
  //     // 接受数组分别设定上右下左边距，同css
  //     itemGap: 10, // 各个item之间的间隔，单位px，默认为10，
  //     // 横向布局时为水平间隔，纵向布局时为纵向间隔
  //     itemWidth: 20, // 图例图形宽度
  //     itemHeight: 14, // 图例图形高度
  //     textStyle: {
  //       color: '#333' // 图例文字颜色
  //     }
  //   },
  color: ['#409eff', '#6b6882','#c89b40','#ff3300','#065279'], //颜色序列
  barWidth: 20,
  tooltip: {
    //提示
    trigger: 'item', // 触发类型，默认数据触发，见下图，可选为：'item' ¦ 'axis'
    showDelay: 20, // 显示延迟，添加显示延迟可以避免频繁切换，单位ms
    hideDelay: 100, // 隐藏延迟，单位ms
    transitionDuration: 0.4, // 动画变换时间，单位s
    backgroundColor: 'rgba(0,0,0,0.7)', // 提示背景颜色，默认为透明度为0.7的黑色
    borderColor: '#333', // 提示边框颜色
    borderRadius: 4, // 提示边框圆角，单位px，默认为4
    borderWidth: 0, // 提示边框线宽，单位px，默认为0（无边框）
    padding: 5, // 提示内边距，单位px，默认各方向内边距为5，
    // 接受数组分别设定上右下左边距，同css
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: 'line', // 默认为直线，可选为：'line' | 'shadow'
      lineStyle: {
        // 直线指示器样式设置
        color: '#48b',
        width: 2,
        type: 'solid'
      },
      shadowStyle: {
        // 阴影指示器样式设置
        width: 'auto', // 阴影大小
        color: 'rgba(150,150,150,0.3)' // 阴影颜色
      }
    },
    textStyle: {
      color: '#fff'
    }
  },
  //   dataZoom: {
  //     //区域缩放控制器
  //     orient: 'horizontal', // 布局方式，默认为水平布局，可选为：
  //     // 'horizontal' ¦ 'vertical'
  //     // x: {number},            // 水平安放位置，默认为根据grid参数适配，可选为：
  //     // {number}（x坐标，单位px）
  //     // y: {number},            // 垂直安放位置，默认为根据grid参数适配，可选为：
  //     // {number}（y坐标，单位px）
  //     // width: {number},        // 指定宽度，横向布局时默认为根据grid参数适配
  //     // height: {number},       // 指定高度，纵向布局时默认为根据grid参数适配
  //     backgroundColor: 'rgba(0,0,0,0)', // 背景颜色
  //     dataBackgroundColor: '#eee', // 数据背景颜色
  //     fillerColor: 'rgba(144,197,237,0.2)', // 填充颜色
  //     handleColor: 'rgba(70,130,180,0.8)' // 手柄颜色
  //   },
  //   categoryAxis: {
  //     //类目轴
  //     position: 'bottom', // 位置
  //     nameLocation: 'end', // 坐标轴名字位置，支持'start' | 'end'
  //     boundaryGap: true, // 类目起始和结束两端空白策略
  //     axisLine: {
  //       // 坐标轴线
  //       show: true, // 默认显示，属性show控制显示与否
  //       lineStyle: {
  //         // 属性lineStyle控制线条样式
  //         color: '#48b',
  //         width: 2,
  //         type: 'solid'
  //       }
  //     },
  //     axisTick: {
  //       // 坐标轴小标记
  //       show: true, // 属性show控制显示与否，默认不显示
  //       interval: 'auto',
  //       // onGap: null,
  //       inside: false, // 控制小标记是否在grid里
  //       length: 5, // 属性length控制线长
  //       lineStyle: {
  //         // 属性lineStyle控制线条样式
  //         color: '#333',
  //         width: 1
  //       }
  //     },
  //     axisLabel: {
  //       // 坐标轴文本标签，详见axis.axisLabel
  //       show: true,
  //       interval: 'auto',
  //       rotate: 0,
  //       margin: 8,
  //       // formatter: null,
  //       textStyle: {
  //         // 其余属性默认使用全局文本样式，详见TEXTSTYLE
  //         color: '#333'
  //       }
  //     },
  //     splitLine: {
  //       // 分隔线
  //       show: true, // 默认显示，属性show控制显示与否
  //       // onGap: null,
  //       lineStyle: {
  //         // 属性lineStyle（详见lineStyle）控制线条样式
  //         color: ['#ccc'],
  //         width: 1,
  //         type: 'solid'
  //       }
  //     },
  //     splitArea: {
  //       // 分隔区域
  //       show: false, // 默认不显示，属性show控制显示与否
  //       // onGap: null,
  //       areaStyle: {
  //         // 属性areaStyle（详见areaStyle）控制区域样式
  //         color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)']
  //       }
  //     }
  //   },
  //   valueAxis: {
  //     //数值轴
  //     position: 'left', // 位置
  //     nameLocation: 'end', // 坐标轴名字位置，支持'start' | 'end'
  //     nameTextStyle: {}, // 坐标轴文字样式，默认取全局样式
  //     boundaryGap: [0, 0], // 数值起始和结束两端空白策略
  //     splitNumber: 5, // 分割段数，默认为5
  //     axisLine: {
  //       // 坐标轴线
  //       show: true, // 默认显示，属性show控制显示与否
  //       lineStyle: {
  //         // 属性lineStyle控制线条样式
  //         color: '#48b',
  //         width: 2,
  //         type: 'solid'
  //       }
  //     },
  //     axisTick: {
  //       // 坐标轴小标记
  //       show: false, // 属性show控制显示与否，默认不显示
  //       inside: false, // 控制小标记是否在grid里
  //       length: 5, // 属性length控制线长
  //       lineStyle: {
  //         // 属性lineStyle控制线条样式
  //         color: '#333',
  //         width: 1
  //       }
  //     },
  //     axisLabel: {
  //       // 坐标轴文本标签，详见axis.axisLabel
  //       show: true,
  //       rotate: 0,
  //       margin: 8,
  //       // formatter: null,
  //       textStyle: {
  //         // 其余属性默认使用全局文本样式，详见TEXTSTYLE
  //         color: '#333'
  //       }
  //     },
  //     splitLine: {
  //       // 分隔线
  //       show: true, // 默认显示，属性show控制显示与否
  //       lineStyle: {
  //         // 属性lineStyle（详见lineStyle）控制线条样式
  //         color: ['#ccc'],
  //         width: 1,
  //         type: 'solid'
  //       }
  //     },
  //     splitArea: {
  //       // 分隔区域
  //       show: false, // 默认不显示，属性show控制显示与否
  //       areaStyle: {
  //         // 属性areaStyle（详见areaStyle）控制区域样式
  //         color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)']
  //       }
  //     }
  //   },
  bar: {
    //柱形图
    barMinHeight: 0, // 最小高度改为0
    // barWidth: null,        // 默认自适应
    barGap: '30%', // 柱间距离，默认为柱形宽度的30%，可设固定值
    barCategoryGap: '10%', // 类目间柱形距离，默认为类目间距的20%，可设固定值
    itemStyle: {
      normal: {
        // color: '各异',
        barBorderColor: '#fff', // 柱条边线
        barBorderRadius: 0, // 柱条边线圆角，单位px，默认为0
        barBorderWidth: 1, // 柱条边线线宽，单位px，默认为1
        label: {
          show: false
          // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
          //           'inside'|'left'|'right'|'top'|'bottom'
          // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
        }
      },
      emphasis: {
        // color: '各异',
        barBorderColor: 'rgba(0,0,0,0)', // 柱条边线
        barBorderRadius: 0, // 柱条边线圆角，单位px，默认为0
        barBorderWidth: 1, // 柱条边线线宽，单位px，默认为1
        label: {
          show: false
          // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
          //           'inside'|'left'|'right'|'top'|'bottom'
          // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
        }
      }
    }
  },
  line: {
    //折线图
    itemStyle: {
      normal: {
        // color: 各异,
        label: {
          show: false
          // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
          //           'inside'|'left'|'right'|'top'|'bottom'
          // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
        },
        lineStyle: {
          width: 2,
          type: 'solid',
          shadowColor: 'rgba(0,0,0,0)', //默认透明
          shadowBlur: 5,
          shadowOffsetX: 3,
          shadowOffsetY: 3
        }
      },
      emphasis: {
        // color: 各异,
        label: {
          show: false
          // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
          //           'inside'|'left'|'right'|'top'|'bottom'
          // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
        }
      }
    },
    //smooth : false,
    //symbol: null,         // 拐点图形类型
    symbolSize: 2, // 拐点图形大小
    //symbolRotate : null,  // 拐点图形旋转控制
    showAllSymbol: false // 标志图形默认只有主轴显示（随主轴标签间隔隐藏策略）
  },

  k: {
    //k线图
    // barWidth : null          // 默认自适应
    // barMaxWidth : null       // 默认自适应
    itemStyle: {
      normal: {
        color: '#fff', // 阳线填充颜色
        color0: '#00aa11', // 阴线填充颜色
        lineStyle: {
          width: 1,
          color: '#ff3200', // 阳线边框颜色
          color0: '#00aa11' // 阴线边框颜色
        }
      },
      emphasis: {
        // color: 各异,
        // color0: 各异
      }
    }
  },
  scatter: {
    //散点图
    //symbol: null,      // 图形类型
    symbolSize: 4, // 图形大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
    //symbolRotate : null,  // 图形旋转控制
    large: false, // 大规模散点图
    largeThreshold: 2000, // 大规模阀值，large为true且数据量>largeThreshold才启用大规模模式
    itemStyle: {
      normal: {
        // color: 各异,
        label: {
          show: false
          // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
          //           'inside'|'left'|'right'|'top'|'bottom'
          // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
        }
      },
      emphasis: {
        // color: '各异'
        label: {
          show: false
          // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
          //           'inside'|'left'|'right'|'top'|'bottom'
          // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
        }
      }
    }
  },

  radar: {
    //雷达图
    itemStyle: {
      normal: {
        // color: 各异,
        label: {
          show: false
        },
        lineStyle: {
          width: 2,
          type: 'solid'
        }
      },
      emphasis: {
        // color: 各异,
        label: {
          show: false
        }
      }
    },
    //symbol: null,         // 拐点图形类型
    symbolSize: 2 // 可计算特性参数，空数据拖拽提示图形大小
    //symbolRotate : null,  // 图形旋转控制
  },

  pie: {
    //饼图
    center: ['50%', '50%'], // 默认全局居中
    radius: [0, '75%'],
    clockWise: false, // 默认逆时针
    startAngle: 90,
    minAngle: 0, // 最小角度改为0
    selectedOffset: 10, // 选中是扇区偏移量
    itemStyle: {
      normal: {
        // color: 各异,
        borderColor: '#fff',
        borderWidth: 1,
        label: {
          show: true,
          position: 'outer'
          // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
        },
        labelLine: {
          show: true,
          length: 20,
          lineStyle: {
            // color: 各异,
            width: 1,
            type: 'solid'
          }
        }
      },
      emphasis: {
        // color: 各异,
        borderColor: 'rgba(0,0,0,0)',
        borderWidth: 1,
        label: {
          show: false
          // position: 'outer'
          // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
        },
        labelLine: {
          show: false,
          length: 20,
          lineStyle: {
            // color: 各异,
            width: 1,
            type: 'solid'
          }
        }
      }
    }
  },

  xAxis: {
    // x轴配置
    type: 'value',
    padding: [0, 30, 0, 0],
    
  },
  yAxis: [
    {
      type: 'value',
      position: 'left',
      axisLine: {
        show: true,
        lineStyle: {
          color: '#333333'
        }
      },
      axisLabel: {
        color: '#333333'
      },
      splitNumber: 5,
      // nameTextStyle: {
      //   padding: [0, 30, 0, 0]
      // }
    }
  ],
  itemStyle: {
    // 元素样式
    normal: {
      barBorderRadius: 0,
      color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
        {
          offset: 0,
          color: 'rgba(0,197,171,0.1)' //柱图渐变色起点颜色
        },
        {
          offset: 1,
          color: 'rgba(0,197,171,1)' //柱图渐变色终点颜色
        }
      ])
    }
  },
  series: [] //数据存储点
}
